/* CONTAINER */

.container {
	width: 100%;
}
.banner {
	width: 100%;
	height: 8.75rem;
	overflow: hidden;
	border-bottom: 1px solid #EEEEEE;
}
.banner img {
	width: 70.625rem;
	height: 6.25rem;
	margin: 1.25rem auto;
	border-radius: 4px;
	display: block;
}
.select-list {
	width: 100%;
	padding-bottom: 0.75rem;
	position: relative;
}
.first-list {
	width: 73.5625rem;
	overflow: hidden;
	margin-left: 5.65625rem;
}
.first-list > li {
	float: left;
	font-size: 0.875rem;
	padding: 0 0.5rem;
	line-height: 3.75rem;
}
.first-list > li > a {
	padding: 0.25rem 0.75rem;
}
.first-list > li:hover > a {
	background-color: #F2F2F2;
	border-radius: 4px;
}
.first-list > li:nth-child(1) > a {
	color: #D36F16;
}
.second-list {
	width: 100%;
	position: absolute;
	left: 0;
	overflow: hidden;
	border-bottom: 1px solid #EEEEEE;
	border-top: 1px solid #EEEEEE;
	padding: 0.625rem 0;
	display: none;
	background-color: #FFFFFF;
	z-index: 999;
}
.second-list ul {
	width: 73.5625rem;
	margin-left: 5.65625rem;
	display: block;
	overflow: hidden;
}
.second-list ul li {
	float: left;
	font-size: 0.875rem;
	padding: 0 0.5rem;
	line-height: 3.75rem;
}
.second-list ul li a {
	padding: 0.25rem 0.75rem;
	color: #666666;
}
.second-list ul li a:hover {
	background-color: #F2F2F2;
	border-radius: 4px;
}
.second-list ul li:nth-child(1) a {
	color: #BBBBBB;
}
.list-all:hover .second-all-list {
	display: block;
}
.list-flat:hover .second-flat-list {
	display: block;
}
.list-ui:hover .second-ui-list {
	display: block;
}
.list-web:hover .second-web-list {
	display: block;
}
.list-plate:hover .second-plate-list {
	display: block;
}
.list-anime:hover .second-anime-list {
	display: block;
}
.list-photo:hover .second-photo-list {
	display: block;
}
.list-space:hover .second-space-list {
	display: block;
}
.list-product:hover .second-product-list {
	display: block;
}
.list-threed:hover .second-threed-list {
	display: block;
}
.list-film:hover .second-film-list {
	display: block;
}
.list-handicraft:hover .second-handicraft-list {
	display: block;
}
.list-pureart:hover .second-pureart-list {
	display: block;
}
.list-dress:hover .second-dress-list {
	display: block;
}

.list-more:hover .second-more-list {
	display: block;
}
.list-self:hover .second-self-list {
	display: block;
}

/* MAIN */
.main {
	position: relative;
}
.main .top {
	margin-top: 0;
}
.main .top ul li a{
	box-sizing: border-box;
	position: relative;
}
.main .top ul li:nth-child(1) a::after {
	content: '\e613';
	font-family: 'iconfont';
	position: absolute;
	font-size: 1.25rem;
	right: -1.5rem;
	top: 0.0625rem;
	color: #666666;
}
.main .top ul li:last-child {
	position: absolute;
	right: 6.875rem;
	border: none;
}
.main .top ul li:last-child a {
	text-decoration: none;
	border: none;
	font-size: 0.875rem;
	position: relative;
}
.main .top ul li:last-child a::after {
	content: '';
	border: 0.375rem solid;
	border-color: rgba(0, 0, 0, .15) transparent transparent;
	position: absolute;
	top: 1.625rem;
	right: -1px;
}
.main .top ul li:last-child a:hover::after {
	border-color: rgba(0, 0, 0, .35) transparent transparent;
}
.main .main-card li .card-info p span {
	color: red;
	float: right;
}
.title {
	display: inline-block;
	width: 9.375rem;
}
.ad-course {
	margin-bottom: 0 !important;

}
.ad-course ul li {
	box-sizing: border-box;
	height: 12.1875rem;
	padding: 0.625rem;
	margin: 0 1.25rem 1.25rem 0;
	border-radius: 4px;
	overflow: hidden;
}
.ad-course ul li .mask {
	font-size: 0;
	width: 11.875rem;
	height: 9rem;
	box-sizing: border-box;
}
.ad-course ul li .mask::before {
	width: 100%;
	height: 100%;
}
.ad-course ul li p {
	padding: 0;
}
.ad-course ul li .mask img {
	width: 5.9375rem;
	height: 4.5rem;
}
.ad-course ul li .mask img:nth-child(1){
	border-radius: 4px 0 0 0 !important;
}
.ad-course ul li .mask img:nth-child(2){
	border-radius: 0 4px 0 0 !important;
}
.ad-course ul li .mask img:nth-child(3){
	border-radius: 0 0 0 4px !important;
}
.ad-course ul li .mask img:nth-child(4){
	border-radius: 0 0 4px 0 !important;
}
.ad-more {
	width: 100%;
	color: #282828;
	overflow: hidden;
	font-size: 0.875rem;
}
.ad-more .ad-more-title {
	margin: 0 0 1.25rem 0;
}
.ad-more ul li {
	width: 13.125rem;
	height: 19.25rem;
	background-color: #FFFFFF;
	float: left;
	margin-right: 1.25rem;
	position: relative;
}
.ad-more ul li:last-child {
	margin: 0;
}
.ad-more ul li .ad-more-mask {
	width: 13.125rem;
	height: 9.875rem;
	position: relative;
}
.ad-more ul li .ad-more-mask::before {
	content: '';
	width: 100%;
	height: 100%;
	background-color: #FFFFFF30;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.ad-more ul li .ad-more-mask:hover::before {
	display: block;
}
.ad-more ul li .ad-more-mask img {
	width: 13.125rem;
	height: 9.875rem;
	border-radius: 4px 4px 0 0;
}
.ad-more ul li .ad-more-name {
	width: 13.125rem;
	height: 6.25rem;
	padding: 0.6875rem 1rem 0.8125rem;
	box-sizing: border-box;
	border-bottom: 1px solid #EEEEEE;
}
.ad-more ul li .ad-more-name p:nth-child(1):hover {
	color: #D36F16;
	cursor: pointer;
}
.ad-more ul li .ad-more-name p:nth-child(2) {
	font-size: 0.75rem;
	color: #BBBBBB;
}
.ad-more ul li .ad-more-bottom {
	width: 13.125rem;
	height: 3.125rem;
	font-size: 0.75rem;
	line-height: 3.125rem;
	padding: 0 1.25rem;
	box-sizing: border-box;
}
.ad-more ul li .ad-more-bottom span:nth-child(1):hover {
	color: #D36F16;
	cursor: pointer;
}
.ad-more ul li .ad-more-bottom span:nth-child(2) {
	color: #BBBBBB;
	float: right;
}
/* END MAIN */

/* END CONTAINER */